// 用户功能区
<template>
    <div id='user-and-login-container'>
        <router-link to="/login" v-if="noLogin" class="nav-user-login nav-user-btn">
            登录
        </router-link>
        <div v-else class="nav-user-logined">
            <avatar style="display: inline-block;" :user="user" :fontSize="16" />
            <div class="nav-user-menu">
                <router-link class="nav-user-menu-item" to="/profile/base">个人中心</router-link>
                <router-link class="nav-user-menu-item" to="/message">消息</router-link>
                <li class="nav-user-menu-item" @click="logout()">退出登录</li>
            </div>
        </div>
    </div>
</template>

<script lang='ts'>
import { UserAndLoginComponent } from "./Index";
export default UserAndLoginComponent;
</script>

<style lang='scss' scoped>
@import './Index.scss';
</style>